import MyIcon from '@/components/MyIcon';
import { Descriptions } from 'antd';

const DesItem = Descriptions.Item;

export const DetailDrawerInfoView: React.FC<DelegateManageAPI.IDetailDrawerInfoView> = ({ detailInfo, curRes }) => {
  /** 处理返回数据字典 */
  const getLoadMapDom = (loadName: string, iconType?: any) => {
    if (loadName) {
      const [colorText, color] = loadName?.split('||');
      return (
        <span>
          {iconType ? (
            <>
              <MyIcon type={iconType} style={{ color: color }} />
              &nbsp;
            </>
          ) : (
            <></>
          )}
          {colorText || '--'}
        </span>
      );
    } else {
      return <span>--</span>;
    }
  };

  return (
    <Descriptions bordered={true} size="small" column={4}>
      <DesItem
        span={2}
        label={
          <>
            <MyIcon type="icon-hetongguanli-" />
            &nbsp;业务名称
          </>
        }
      >
        {(detailInfo?.categoryName && getLoadMapDom(detailInfo?.categoryName)) || '--'}
      </DesItem>
      <DesItem
        span={2}
        label={
          <>
            <MyIcon type="icon-hetongguanli-" />
            &nbsp;委托状态
          </>
        }
      >
        <span style={{ color: detailInfo?.isOpen == 1 ? '#59d6a5' : detailInfo?.isOpen == 2 ? '#5c6f91' : 'red' }}>
          {detailInfo?.isOpen == 1 ? '有效' : detailInfo?.isOpen == 2 ? '作废' : '禁用'}
        </span>
      </DesItem>
      <DesItem
        span={4}
        label={
          <>
            <MyIcon type="icon-hetongxiangqing" />
            &nbsp;委托原因
          </>
        }
      >
        {detailInfo?.delegateReason || '--'}
      </DesItem>
      <DesItem
        span={2}
        label={
          <>
            <MyIcon type={'icon-time'} />
            &nbsp;委托开始时间
          </>
        }
      >
        {detailInfo?.startTime || '--'}
      </DesItem>
      <DesItem
        span={2}
        label={
          <>
            <MyIcon type={'icon-time'} />
            &nbsp;委托结束时间
          </>
        }
      >
        {detailInfo?.endTime || '--'}
      </DesItem>

      {detailInfo?.assignerID && (
        <>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-user'} />
                &nbsp;委托人
              </>
            }
          >
            {detailInfo?.assignerName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-gangweitubiao'} />
                &nbsp;委托岗位
              </>
            }
          >
            {detailInfo?.assignPositionName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-bumen'} />
                &nbsp;委托部门
              </>
            }
          >
            {detailInfo?.assignDepartmentName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-gongsi'} />
                &nbsp;委托公司
              </>
            }
          >
            {detailInfo?.assignCompanyName || '--'}
          </DesItem>
        </>
      )}

      {detailInfo?.agenterID && (
        <>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-user'} />
                &nbsp;代理人
              </>
            }
          >
            {detailInfo?.agenterName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-gangweitubiao'} />
                &nbsp;代理岗位
              </>
            }
          >
            {detailInfo?.agentPositionName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-bumen'} />
                &nbsp;代理部门
              </>
            }
          >
            {detailInfo?.agentDepartmentName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-gongsi'} />
                &nbsp;代理公司
              </>
            }
          >
            {detailInfo?.agentCompanyName || '--'}
          </DesItem>
        </>
      )}

      <DesItem
        span={2}
        label={
          <>
            <MyIcon type={'icon-user'} />
            &nbsp;申请人
          </>
        }
      >
        {detailInfo?.createrName || '--'}
      </DesItem>
      <DesItem
        span={2}
        label={
          <>
            <MyIcon type={'icon-time'} />
            &nbsp;申请时间
          </>
        }
      >
        {detailInfo?.createTime || '--'}
      </DesItem>
      <DesItem
        span={2}
        label={
          <>
            <MyIcon type={'icon-gangweitubiao'} />
            &nbsp;申请岗位
          </>
        }
      >
        {detailInfo?.createPositionName || '--'}
      </DesItem>
      <DesItem
        span={2}
        label={
          <>
            <MyIcon type={'icon-bumen'} />
            &nbsp;申请部门
          </>
        }
      >
        {detailInfo?.createDepartmentName || '--'}
      </DesItem>

      {detailInfo?.modifyerID && (
        <>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-user'} />
                &nbsp;修改人
              </>
            }
          >
            {detailInfo?.modifyerName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-time'} />
                &nbsp;修改时间
              </>
            }
          >
            {detailInfo?.modifyTime || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-gangweitubiao'} />
                &nbsp;修改岗位
              </>
            }
          >
            {detailInfo?.modifyPositionName || '--'}
          </DesItem>
          <DesItem
            span={2}
            label={
              <>
                <MyIcon type={'icon-bumen'} />
                &nbsp;修改部门
              </>
            }
          >
            {detailInfo?.modifyDepartmentName || '--'}
          </DesItem>
        </>
      )}

      <DesItem
        span={4}
        label={
          <>
            <MyIcon type="icon-hetongxiangqing" />
            &nbsp;备注
          </>
        }
      >
        {detailInfo?.remark || '--'}
      </DesItem>
    </Descriptions>
  );
};
